body{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root{
    --background-base:#1ed760;
    --background-hover:#3cd672d0;
    --border-hover-color:rgba(243, 243, 243, 0.936);
    --border-color : rgba(243, 243, 243, 0.598);
}

/* buttons Styling */
.btn button{
    background-color: var(--background-base);
}
.btn button:hover{
    background-color: var(--background-hover);
}
.google_btn,.apple_btn,.email_input{
    border:0.5px solid var(--border-color);
}
.email_input{
    transition: all 0.1s;
}
.email_input:hover::placeholder{
    color: rgba(255, 255, 255, 0.89);
}

.google_btn:hover, .apple_btn:hover, .email_input:hover{
    border:0.5px solid var(--border-hover-color);
}